/**
 * @Time    2019-02-15 09:56:00
 * @Author  Huaer
 * @Explain 全局样式 修改的时候 先考虑是否会污染全局
 */
@charset "UTF-8";
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
fieldset,img{border:0}
body{background-color:#f9f9f9;color:#000;font:14px/1.5 "PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif;max-width:720px;margin:0 auto;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;}
address,caption,cite,code,dfn,th,var,optgroup{font-style:normal;font-weight:400}
strong{font-weight:400}
em,i{font-style:normal}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;font-family:sans-serif}
input,button,textarea,select{*font-size:100%;border:0}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
sup,sub{font-size:100%;vertical-align:baseline}
blockquote,q{quotes:none}
a{color:#000;}
::-webkit-input-placeholder{color:rgba(0,20,16,0.12)}
:-moz-placeholder{color:rgba(0,20,16,0.12)}
::-moz-placeholder{color:rgba(0,20,16,0.12)}
:-ms-input-placeholder{color:rgba(0,20,16,0.12)}
::input-placeholder{color:rgba(0,20,16,0.12)}
:link,:visited,ins{text-decoration:none}
:focus{outline:0;-moz-outline:0}
.fl{float:left}
.fr{float:right}
.hide,[v-cloak]{display:none}
.dialog-bottom{font-size:14px;text-align:center;line-height:44px;background-color:#f9f9f9;color:#999}
.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-ellipsis-2{display:-webkit-box;overflow:hidden;white-space:normal!important;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.text-center{text-align:center;}
.icon{display:inline-block;vertical-align:middle;height:20px;width:20px;background-position:center center;background-size:100%;background-repeat:no-repeat;}
.icon-right{display:inline-block;border-top:1px solid;border-right:1px solid;width:10px;height:10px;border-color:#999;transform:rotate(45deg);margin-left:-5px;}

/* 布局 */
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{float:left;position:relative;}
.col-12{width:100%}
.col-11{width:91.66666667%}
.col-10{width:83.33333333%}
.col-9{width:75%}
.col-8{width:66.66666667%}
.col-7{width:58.33333333%}
.col-6{width:50%}
.col-5{width:41.66666667%}
.col-4{width:33.33333333%}
.col-3{width:25%}
.col-2{width:16.66666667%}
.col-1{width:8.33333333%}

/* footer */
.fish-foot{height:50px;margin:0;padding:0;position:fixed;left:0;bottom:0;z-index:31;box-sizing:border-box;width:100%;list-style:none;background-color:#fff;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.1);box-shadow:0 0 5px 0 rgba(0,0,0,.1);}
.fish-foot a{display:block;text-align:center;padding:4px 0;color:#000;font-size:12px;}
.fish-foot a i{display:block;width:22px;margin:auto;height:22px;margin-bottom:3px;background-size:90%;}
.fish-foot a i.icon-home{background-image:url('../img/home.png');}
.fish-foot a i.icon-cart{background-image:url('../img/cart.png');}
.fish-foot a i.icon-center{background-image:url('../img/center.png');}
.fish-foot a.act{color:#1AAD19;}
.fish-foot a.act i.icon-home{background-image:url('../img/home-act.png');}
.fish-foot a.act i.icon-cart{background-image:url('../img/cart-act.png');}
.fish-foot a.act i.icon-center{background-image:url('../img/center-act.png');}

/* form */
.don-main{margin-top:45px;}
.don-head{background-color:#fff;height:44px;line-height:44px;position:fixed;text-align:center;width:100%;max-width:720px;top:0;z-index:123}
.don-head.border{border-bottom:1px solid rgba(0,20,16,.1);}
.don-head .head-tit{font-size:16px;margin:0 52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:45px;}
.don-head>a{position:absolute;top:0;display:block;padding:0 12px;}
.don-head .head-back{left:0;background:url('../img/icon-back.png') no-repeat 8px center;background-size:45%;font-size:0;width:52px;}
.don-head .head-back.white{background:url('../img/icon-back-white.png') no-repeat center center;background-size:50%;}
.don-head .head-menu{right:0;color:rgba(0,20,16,0.54);}
.logo-box{background-color:#00CA9D;height:40%;text-align:center;padding-top:10%;}
.logo-box .logo-img{height:90px;line-height:90px;width:90px;border-radius:20px;background-color:#fff;overflow:hidden;margin:auto;font-weight:bold;}
.logo-box .logo-img img{display:block;width:100%;color:#00CA9D;margin:auto;}
.logo-box .logo-text{color:#fff;font-size:18px;}
.don-form{margin:-20% 15px 0;background-color:#fff;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,.1);box-shadow:0 0 15px 0 rgba(0,0,0,.1);border-radius:8px;padding:24px;position:relative;}
.don-form .input-item{margin-bottom:12px;}
.don-form .input-label{color:#04795E;font-size:16px;}
.don-form .input-box{border-bottom:1px solid rgba(0,20,16,0.12);position:relative;}
.don-form .input-box input{padding:12px 0;display:block;width:100%;}
.don-form .input-box .getcode{position:absolute;top:5px;right:0;background-color:rgba(0,202,157,1);color:#fff;padding:5px 15px;border-radius:10px;}
.don-form .input-box .icon{position:absolute;top:5px;right:0;height:25px;width:25px;}
.don-form .input-box .icon.icon-user{background-image:url('../img/icon-user.png')}
.don-form .input-box .icon.icon-eye{background-image:url('../img/icon-eye.png')}
.don-form .input-foot{position:absolute;left:24px;right:24px;}
.don-form .foot-btn{display:block;width:100%;margin:auto;height:50px;line-height:50px;background-color:rgba(0,202,157,1);color:#fff;border-radius:12px;font-size:16px;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,.1);box-shadow:0 0 15px 0 rgba(0,0,0,.1);}
.don-form-link{position:absolute;bottom:10%;width:100%;max-width:720px;}
.don-form-link .clearfix{padding:0 15px;}
.don-form-link .clearfix a{color:rgba(0,202,157,1)}
.don-form-link .clearfix span{color:rgba(0,20,16,0.38)}

/* 弹窗modal */
.modal-overlay{position:fixed;z-index:999;top:-100px;left:0;bottom:0;right:0;height:125%;width:100%;background:#000;display:none;will-change:opacity;}
.modal{display:none;position:fixed;left:0;right:0;background-color:#fff;padding:0;max-height:70%;width:80%;margin:auto;overflow-y:auto;border-radius:2px;will-change:top,opacity;box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.3);}
.modal.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom,opacity;}

/* 消息框 */
.core-toast{position:fixed;z-index:1005;text-align:center;width:80%;margin:auto;left:0;right:0;display:none;}
.toast-text{max-width:100%;word-wrap:break-word;background-color:rgba(0,0,0,.8);color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);display:inline-block;text-align:left;}
.core-dialog{display:none;color:#000;position:fixed;z-index:1002;width:80%;max-width:300px;left:0;right:0;background-color:#FFFFFF;text-align:center;border-radius:3px;overflow:hidden;margin:auto;}
.dialog-hd{padding:1.3em 1.6em 0.5em;}
.dialog-title{font-weight:400;font-size:18px;display:block;}
.dialog-bd{padding:0 1.6em 0.8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#808080;}
.dialog-ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex;}
.dialog-btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:rgba(0,202,157,1);text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}
.dialog-btn-default{color:#353535;}
.dialog-btn-primary{color:rgba(0,202,157,1);}
.dialog-ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);}
.dialog-btn-default:after{content:'\0020';position:absolute;right:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(0.5);transform:scaleX(0.5);}
.loading{position:fixed;z-index:5000;width:7.6em;min-height:7.6em;top:180px;left:50%;margin-left:-3.8em;text-align:center;border-radius:5px;color:#FFFFFF;background:url('../img/icon-loading.gif') no-repeat center center;background-size:50%}

/* tabs */
.tabs{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;overflow-x:hidden;overflow-y:hidden;height:44px;width:100%;background-color:#fff;margin:0 auto;white-space:nowrap;-webkit-box-shadow:0px 1px 8px 0px rgba(139,139,139,0.1);-moz-box-shadow:0px 1px 8px 0px rgba(139,139,139,0.1);box-shadow:0px 1px 8px 0px rgba(139,139,139,0.1);}
.tabs .tab{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:inline-block;text-align:center;line-height:44px;height:44px;padding:0;margin:0;text-transform:uppercase;}
.tabs .tab a{color:rgba(199,199,204,1);display:inline-block;height:100%;font-size:14px;text-overflow:ellipsis;overflow:hidden;transition:color .28s ease;}
.tabs .tab a.active{color:rgba(0,202,157,1);}
.tabs .indicator{position:absolute;bottom:0;height:2px;background-color:rgba(0,202,157,1);will-change:left,right;}
